<template>
	<view class="rules_body">
		<!-- <view v-html="rules" v-if="rules" class="msgHtmlBox"></view> -->
		<rich-text :nodes="rules" class="msgHtmlBox"></rich-text>
		<shop-loading v-if="shopLoad"></shop-loading>
	</view>
</template>

<script>
	import {
		integralRule
	} from '@/common/integral.js';
	export default {

		data() {
			return {
				Url: this.Imgurl,
				rules: {},
				shopLoad: true
			}
		},
		onLoad() {
			this.getData()
		},
		
		methods: {
			getData() {
				this.shopLoad = true
				integralRule().then(res => {
					console.log(res)
					if (res.code == 1) {
						this.shopLoad = false
						this.rules = res.msg.rule
					} else {
						this.shopLoad = false
						this.toast(res.msg)
					}
				}).catch()
			}
		}
	}
</script>

<style scoped >
	.rules_body {
		border-top: 25upx solid #f6f6f6;
		padding: 20upx 20upx 50upx;
		font-size: 30upx;
		
	}
	.msgHtmlBox >>> p{
		color: #666;
		line-height: 50upx;
	}
	.msgHtmlBox >>> p strong{
		color: #333;
		height: 80upx;
		display: inline-block;
		font-size: 34upx;
		line-height: 80upx;
		font-weight: 400;
	}
</style>
<style>
	page {
		overflow: hidden;
		background-color: #fff;
		min-height: 100%;
	}
</style>
